<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>task3</title>
	<style type="text/css">
	body{
		min-width: 410px;
		margin: 0px;
	}
	.container{
		width: 95%;
		height: 500px;
		margin: 20px auto;
		padding:20px;
		position: relative;
		background-color: #eee;
	}
	div{
		border:1px solid;
		border-color: #999;
	}
	#fish{
		width: 80px;
		height: 80px;
	}
	.left{
		width: 200px;
		height: 120px;
		position: absolute;
		top: 20px;
		left: 20px;
		background-color: white;
	}
	.left .logo{
		width: 80px;
		height: 80px;
		position: absolute;
		top: 20px;
		left: 20px;
	}
	.left .logoname{
		width: 80px;
		height: 20px;
		position: absolute;
		top: 20px;
		right: 10px;
		border: none;
	}
	.right{
		width: 120px;
		height: 420px;
		position: absolute;
		top: 20px;
		right: 20px;
		background-color: white;
	}
	.right img{
		display: block;
		margin: 20px;
	}
	.middle{
		margin: 0px 140px 0px 220px;
		padding: 20px;
		background-color: white;
	}
	</style>
</head>
<body>
	<div class="container">
		<div class="left">
			<div class="logo">
				<img src="E:\前端学习\BaiduWeb\task1.jpg" id="fish">
			</div>
			<div class="logoname">
				仗剑走天涯
			</div>
		</div>
		<div class="middle">
			<p>团队的介绍</p>
			<p>解释一下团队名称的来历，或是分别介绍你们的团队成员</p>
			<p>
				团队是指拥有共同目标，并且具有不同能力的一小群人有意识的协调行为或力的系统，是一种应用广泛、灵活的组织形式。对于大学生创业团队，可以说由一群具有创新意识、拥有共同目标、有着不同专业知识背景的朝气蓬勃的年轻人组成的一个不可分割的整体。这群人就如同人的五官一样，共同协作维持一个人的生存，缺一不可。如果没有了其中一个，这个人将不能健康的活着。
			</p>
			<p>成员介绍</p>
			<p>团队是指拥有共同目标，并且具有不同能力的一小群人有意识的协调行为或力的系统，是一种应用广泛、灵活的组织形式。对于大学生创业团队，可以说由一群具有创新意识、拥有共同目标、有着不同专业知识背景的朝气蓬勃的年轻人组成的一个不可分割的整体。这群人就如同人的五官一样，共同协作维持一个人的生存，缺一不可。如果没有了其中一个，这个人将不能健康的活着。</p>
		</div>
		<div class="right">
			<img src="E:\前端学习\BaiduWeb\task1.jpg" id="fish">
			<img src="E:\前端学习\BaiduWeb\task1.jpg" id="fish">
			<img src="E:\前端学习\BaiduWeb\task1.jpg" id="fish">
			<img src="E:\前端学习\BaiduWeb\task1.jpg" id="fish">
		</div>
	</div>

</body>
</html>